<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		html,body{height:100%;margin: 0 0;padding:0 0;}
		.wrap{height: 100%;top:0;left: 0;bottom:0;right:0;}
		.pr{position: relative;}
		.mouse{position: absolute;height: 10px;width:10px;background-color: black;}
		.self{background-color: blue;}
	</style>
</head>
<body id="app">
	<div class="wrap pr" v-on:mousemove="moveHandle">
		<div v-bind:class="['mouse',u.id==user.id?'self':'']" v-for="u in users" v-bind:style="{top:u.pos.y+'px',left:u.pos.x+'px'}"></div>
	</div>
</body>
<script src="socket.io/socket.io.js"></script>
<script src="js/vue.min.js"></script>
<script src="js/client.js"></script>
</html>